<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <link href="__PUBLIC__/Css/bootstrap.min.css" rel="stylesheet">
     <script src="__PUBLIC__/Js/jquery-3.1.1.min.js"></script>
     <script src="__PUBLIC__/Js/bootstrap.min.js"></script>
    <title>{$System_namex}</title>
    <style>
      body{
        background:url('__PUBLIC__/Images/body.png')  no-repeat;
        background-size: cover;
      }
   		 ul{
   		 	list-style-type: none;
   		 }
   		 ul>li{
   		 	float: left;
   		 }
    	header {
    		height: 80px;
        background: url('__PUBLIC__/Images/header.png')  no-repeat;
        background-size: cover;
        padding: 1px;
    	}
    	.item {
    		height: 100%;
    		text-align: center;
    	}
    	header .dl {
    		display: block;
    		cursor: pointer;
    		margin-left: 10%;
        color:#eea411;
        font-size: 1.1rem;
    	}
    	header img{
    		width: 40%;
    	}
    	.footer{
    		position: absolute;
    		bottom:14px;
    		width: 100%;
    	}
    	.footer li {
    		display: inline-block;
    		width: 25%;
    		text-align: center;
        color:#fff;
    	}
      .footer li a{
        color: #fff;
        display: inline-block;
        /*border-radius: 12px;*/
        /*border: 1px solid #fff;*/
        width: 85%;
          height: 40px;
          line-height: 40px;
          /*background-image: url("__PUBLIC__/Images/bj_img.png");*/
      }

      .footer ul li img{
          width: 30%;
      }

      .hx{
        border:1px solid #f9eab5;
        width: 30%;
        position: absolute;
        bottom: 18%;
      }.hxA{
        border:1px solid #f9eab5;
        width:30%;
        position: absolute;
        bottom: 18%;
      }
      .tb{
        position: absolute;
        bottom: 13%;
        left: 42%;
      }
      .tb img{
        width: 50%;
      }
     
    </style>
</head>
<body>
	<header>
		<!--<div style="position: absolute;left:10px;top:8px;" >-->
			<!--<img src="__PUBLIC__/Images/logo.png" alt="">-->
            <!--<if condition="$Think.session.loginUseracc eq null">-->
                <!--<a href="__APP__/Public/login" class="dl">登录</a>-->
            <!--<else/>-->
                <!--<a href="__APP__" class="dl">{$Think.session.loginUseracc}</a>-->
            <!--</if>-->
		<!--</div>		-->

        <div style="position: absolute;text-align:center;top:8px;" >
            <if condition="$Think.session.loginUseracc eq null">
                <div onclick="window.location.href='__APP__/Public/login'" style="cursor: pointer;text-align: center">
                    <img src="__PUBLIC__/Images/logo.png" alt="">
                    <p>登录</p>
                </div>

            <else/>
                <div onclick="window.location.href='__APP__'" style="cursor: pointer;text-align: center">
                    <img src="__PUBLIC__/Images/logo.png" alt=""><br>
                    <p>{$Think.session.loginUseracc}</p>
                </div>
            </if>
		</div>
		<h2 style="text-align: center;font-size: 2.1rem;color: #fff;font-weight: 800;">{$System_namex}</h2>
	</header>
	<p style="text-align: center;background-color: #b8233f;color: #fff;font-size: 1.1rem;padding: 1%;line-height: 12px;">
        <marquee  style="color: #ffe249; font-size:12px;">{$s12}</marquee>
    </p>
<div style="padding: 3%;">
	<div id="myCarousel" class="carousel slide" style="margin-top: -10px;">
   <!-- 轮播（Carousel）指标 -->
   <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol>   
   <!-- 轮播（Carousel）项目 -->
   <div class="carousel-inner" style="height: 210px;" >
      <div class="item active" style="background: url('__PUBLIC__/Images/banner01.jpg'); background-size: cover; " onclick="window.open('{$link_rs.a1}')">
              <!--<div class="table-responsive">-->
                <!--<table class="table">-->
                  <!--<caption>内容待定（可添加内容）</caption>-->
                  <!--<thead>-->
                    <!--<tr>-->
                      <!--<th>内容待定（可添加内容）</th>-->
                      <!--<th>内容待定（可添加内容）</th>-->
                      <!--<th>内容待定（可添加内容）</th>-->
                    <!--</tr>-->
                  <!--</thead>-->
                  <!--<tbody style="color: #FFF;">-->
                    <!--<tr>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                      <!--<td>23/11/2013</td>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                      <!--<td>10/11/2013</td>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                      <!--<td>20/10/2013</td>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                    <!--</tr>-->
                    <!--<tr>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                      <!--<td>20/10/2013</td>-->
                      <!--<td>内容待定（可添加内容）</td>-->
                    <!--</tr>-->
                  <!--</tbody>-->
              <!--</table>-->
          <!--</div>    -->
      </div>
      <div class="item" style="background: url('__PUBLIC__/Images/banner02.jpg'); background-size: cover;" onclick="window.open('{$link_rs.a2}')">
         <!--<div><a href="#">内容待定（可添加内容）</a></div>-->
      </div>
      <div class="item" style="background: url('__PUBLIC__/Images/banner03.jpg'); background-size: cover; " onclick="window.open('{$link_rs.a3}')">
      <!--<div><a href="#">内容待定（可添加内容）</a></div>-->
      </div>
   </div>
   <!-- 轮播（Carousel）导航 -->
	   <a class="carousel-control left" href="#myCarousel" 
	      data-slide="prev">&lsaquo;</a>
	   <a class="carousel-control right" href="#myCarousel" 
	      data-slide="next">&rsaquo;</a>
   </div>
    <div class="hxA" style="width: 35%;position: absolute;bottom: 18%;right: 0%;"></div>
</div>
    <!--<div style="width:100%;text-align: center;position: absolute;bottom: 19%;color:#f9eab5;font-size: 16px;">轻松认购&nbsp互利共赢</div>-->
    <div style="position: absolute;bottom: 15%;left: 38%;"><img src="__PUBLIC__/Images/logoA.png" style="width:50%"></div>
    <div style="width: 100%;">
    <div class="hx" style="width:35%;float: left"></div>


    </div>
   
  <!--<div class="tb">    -->
    <!--<img src="__PUBLIC__/Images/logo.png" alt="" >-->
  <!--</div>-->
   <div class="footer">
   		<ul style="padding: 0;">
   			<li><img src="__PUBLIC__/Images/link1.png" alt=""><a href="{$link_rs.a5}" target="_blank" >{$link_rs.a4}</a></li>
   			<li><img src="__PUBLIC__/Images/link3.png" alt=""><a href="{$link_rs.a7}" target="_blank">{$link_rs.a6}</a></li>
   			<li><img src="__PUBLIC__/Images/link2.png" alt=""><a href="{$link_rs.a9}" target="_blank">{$link_rs.a8}</a></li>
   			<li><img src="__PUBLIC__/Images/link4.png" alt=""><a href="{$link_rs.a11}" target="_blank">{$link_rs.a10}</a></li>
   		</ul>
   </div>
</body>
</html>
<script>
	window.onload = function(){
		window.setInterval(function(){
			$("#myCarousel").carousel('next');
		}, 3000)
	}
</script>
